#@web_layout?() #define css()
<link rel="stylesheet" type="text/css"
	href="#(contextPath)/assets/front/web/css/layer.css?#(getUUID())" />
<link rel="stylesheet" type="text/css"
	href="#(contextPath)/assets/front/web/css/main.css?#(getUUID())" />
<link rel="stylesheet" type="text/css"
	href="#(contextPath)/assets/front/web/css/laypage.css?#(getUUID())" />
<link rel="stylesheet" type="text/css"
	href="#(contextPath)/assets/admin/js/fancybox/source/jquery.fancybox.css?v=2.1.2" />

<style>
	.user-info{
		display:flex;
		flex:1;
		margin-left:20px;
		flex-direction: column;
	}
	.user-info-title{
		padding:5px;
		border-bottom:1px solid #d5d5d5;
	}
	.user-info-item{
		display:inline-flex;
		margin:5px 0px;
	}
	.user-info-lable{
		width:65px;
	}
	.user-info-content{
		color:#f88265;
	}
	.user-info-desc{
		color:#f88265;
		width:300px;
	}
</style>

#end #define content()
<div class="c-article" style="min-height: 100%">
	<div class="g-fair-base-info">
		<div class="u-title">个人信息</div>
		<input type="hidden" id="fair_id" value="#(fair.id)">
		<div class="m-box-row">
			<div class="m-card " style="flex:3">
	                <div id="slidr-img" style="display: inline-block">
	                	#if(fair.photo??)
		                	#for(x:fair.photo)
							  <img data-slidr="#(for.index)" src="#(x.url)?imageView2/5/w/360/h/270" width="360" height="270"/>
							#end
						#else
                			<div class="u-photo"></div>
                		 #end
					</div>
	                <div class="user-info">
						<h3 class="user-info-title">基本信息</h3>
						<div class="user-info-item">
							<div class="user-info-lable">网红昵称:</div>
                            <div class="user-info-content ">#(fair.nick_name)</div>
                        </div>
                        <div class="user-info-item">
							<div class="user-info-lable">粉丝数量:</div>
                            <div class="user-info-content">#if(fair.fans) #(fair.fans)人 #else 未知 #end</div>
                        </div>
                        <div class="user-info-item">
							<div class="user-info-lable">所在平台:</div>
                            <div class="user-info-content">
                            	#for(x:fair.honner)
									<img src="#(x.name)"  width="20"/>
								#else
									无
								#end
                            </div>
                        </div>
                        <div class="user-info-item">
							<div class="user-info-lable">个人爱好:</div>
                            <div class="user-info-content">
                            	#for(x:fair.xqah)
									#if(!for.last)
										#(x.name),
									#else
										#(x.name)
									#end
								#else
									无
								#end
                            </div>
                        </div>
                        
                        <div class="user-info-item">
							<div class="user-info-lable">粉丝特征:</div>
                            <div class="user-info-content">
                            		#(fair.fans_feature??"无")
                            </div>
                        </div>
                        <div class="user-info-item">
							<div class="user-info-lable">个人说明</div>
                        </div>
                        <div class="user-info-item">
                            <div class="user-info-desc">
                            		#(fair.descript??"无")
                            </div>
                        </div>
				</div>
			</div>
		
			<div class="g-mid"></div>
			
			<ul class="m-card-column">
				<li class="u-data" style="border-bottom: 1px solid #dedede">
					<div class="u-data-icon u-data-icon-point"></div>
					<div class="u-data-num">
						<div class="u-num-title">平均点击量</div>
						<div class="u-num-content">#(fair.avgClick)</div>
					</div>
				</li>
				<li class="u-data" style="border-bottom: 1px solid #dedede">
					<div class="u-data-icon u-data-icon-transform"></div>
					<div class="u-data-num">
						<div class="u-num-title">平均转化量</div>
						<div class="u-num-content">#(fair.avgInto)</div>
					</div>
				</li>
				<li class="u-data">
					<div class="u-data-icon u-data-total"></div>
					<div class="u-data-num">
						<div class="u-num-title">总接单数</div>
						<div class="u-num-content">#(fair.orders)</div>
					</div>
				</li>
			</ul>
		</div>
	</div>

	<div class="g-fair-task-info">
		<div class="u-title">任务信息</div>
		<ul class="m-list" id="data">

		</ul>
		<div class="m-choice-page" id="m_choice_page"
			style="margin-top: 15px; text-align: center"></div>
	</div>
</div>

#end #define script()
<script src="#(contextPath)/assets/front/web/script/laypage.js"></script>
<script
	src="#(contextPath)/assets/front/web/script/platform_fair_detail.js"></script>
<script src="#(contextPath)/assets/front/web/script/slidr/slidr.min.js"></script>
<script type="text/javascript"
	src="#(contextPath)/assets/admin/js/fancybox/lib/jquery-1.8.2.min.js"></script>
<script type="text/javascript"
	src="#(contextPath)/assets/admin/js/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript"
	src="#(contextPath)/assets/admin/js/fancybox/source/jquery.fancybox.js?v=2.1.3"></script>

<script>
$(document).ready(function() {
	slidr.create('slidr-img').start();
})

</script>
#end
